﻿@charset "utf-8";

/**
===============================================================
	author : Lion.lu
	name   : CSS rest
	date   : 2017-05-6
	QQ     : 190256820
===============================================================
**/

 html { overflow-y: scroll; }
*html { background-image:url(about:blank); background-attachment:fixed; }

/* 清除内外边距 */
h1, h2, h3, h4, h5, h6, hr, p, blockquote, 		/* structural elements 结构元素 */
dl, dt, dd, ul, ol, li,							/* list elements 列表元素 */
pre, 											/* text formatting elements 文本格式元素 */
fieldset, form, button, input, textarea, 		/* form elements 表单元素 */
th, td , 										/* table elements 表格元素 */
body { margin: 0; padding: 0; }

/* 设置默认字体样式 */
body,input,button,form{font-size:14px; line-height: 24px; font-family: "microsoft yahei", "Arial"; color: #333;}
h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight: normal; }
 
i, em { font-style: normal; }
/** 重置图片元素 **/
img { border: none; vertical-align: top;width: %;}

/** 重置列表元素 **/
ul, ol, li { list-style: none; }

/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing: 0;}

/**重置表单元素**/
input[type=submit] { cursor:pointer; }
input[type=button] { cursor:pointer; }
textarea { resize: none; overflow:auto; }

/** 默认链接元素 **/
a { color: #333;text-decoration: none;
	-webkit-transition: color .2s;
	   -moz-transition: color .2s;
	    -ms-transition: color .2s;
	     -o-transition: color .2s;
	        transition: color .2s;
}
a:hover { color: #171717; text-decoration: none; }
a:focus { -moz-outline-style: none; }
a:focus { outline: none;} 
a * { cursor: pointer; }
q:before,q:after{ content:none; }

/** 浮动元素 **/
.fl,.ifl{ float: left; *display: inline; }
.fr ,.ifr{ float: right; *display: inline; }

/* 清除浮动 */
.clearfix:after{ display:block; clear:both; visibility:hidden; height:0; overflow:hidden; content:"."; }
.clearfix{ *zoom:1; }
.clear{clear:both; height:0; line-height: 0; font-size: 0; overflow:hidden;}

/* 溢出 / 隐藏 */
.over{overflow:hidden;}
.hide{display:none;}

li a {display: block;}
/* global style */



@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1467873970'); /* IE9*/
  src: url('iconfont.eot?t=1467873970#iefix') format('embedded-opentype'), /* IE6-IE8 */
   
  url('iconfont.ttf?t=1467873970') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1467873970#iconfont') format('svg'); /* iOS 4.1- */
}

.container { width: 1000px; margin: 20px auto; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt50 { padding-top: 50px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb50 { padding-bottom: 50px; }
.pb80 { padding-bottom: 80px; }


.mb10 { margin-bottom: 10px; }
.mb30 { margin-bottom: 30px; }
.mt30  {margin-top: 30px; }

.rf{color:#ed1c24;}
.wf{color:#fff;}
.b-f3{background: #f3f3f3;}
 
.w100{width:100%; margin:0 auto;}
.w98{width:98%;max-width: 1200px;margin: 0 auto;}
.w90{width:95%;max-width: 1000px;margin:0 auto;}
.w480{width:480px; margin:0 auto;}
.w60{width:66.6666%;}
.w30{width:33.3333%;}


.w48{width:48%;}
.f36 {font-size:36px}
 
 
/* top */
.container {width:98%;margin:0 auto;overflow:hidden;}
.top-line{ border-bottom: solid 0px #eee;background:#e9e9e9;}
.top-line a{font-size:1em;}
.top-line .inner{height:40px;line-height:36px;font-size: 0.8em;}
.top-line .inner .top-line-f{width: auto;height: 30px;}
.top-line .inner .top-line-f a,.top-line-r{color:#000;font-size:14px;padding:0 10px;text-decoration: none;}
.top-line .inner .top-line-f a:nth-child(n+2){border-left: 1px  solid  #eee;}
.top-line .inner .top-line-f a:hover{color:#006699;text-decoration: none;}
.header{height: auto;z-index: 998;left: 0px;background:#fff;width: 100%;box-shadow: 0 0 10px #898989;top: 0px;}
.top {margin:15px 0 0px 0;}
.logo{width:20%;margin:0 40%;height:auto;}
.logo img.logoimg {width:100%;height:auto;}
.navbar-box{width:100%;background:#333;}
.navbar {width:90%;margin:0 5%;height:42px;line-height:42px;}
 /**/
.nav > li > div {display:none;width:100%;background:#333;position:absolute;z-index:99;top:54px;left:0;margin:0;padding:10px 0;list-style:none;}
.nav > li > div > ul:before,.nav > li > div > ul:after {content:"";display:table;}
.nav > li > div > ul:after {clear:both;}
.nav > li > div > ul > li {}
.nav > li > div > ul > li:hover>a {}
.nav > li > div > ul > li>a {}
 
.li125 li {width:12.5%;text-align:center;float:left;height:42px;line-height:42px;}
.li125 li a{width:80%;text-align:center;color:#fff;transition: ease-in-out .5s; }
.li125 li a:hover{width:100%;background:#288ADD;color:#fff;}
.menu-mobile {display:none;padding:10px;}
.mlogo {height:42px;width:auto;padding-top:14px;}
.menu-mobile:after {content:"MENU";line-height:50px;font-size:1.2rem;padding:0;float:right;position:relative;top:15px;opacity:.8;/*-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);*/}
.menu-dropdown-icon:before {content:"\e60e";font-family:"iconfont" !important;display:none;cursor:pointer;float:right;padding-right:10px;line-height:3em;color:#fff;}

@media screen and (max-width: 768px) {
.top {margin:0;}
.top-line,.container .fl,.logo{display:none;}	
.top .navbar {width:100%;height:68px;line-height:58px;float:none;margin: 0;}
.container { width:100%; margin:0; }
.navbar {width:100%;float:none;background:#fff;}
.nav {position:static;}
.navBar .show-on-mobile {display:block;}
.menu-container {width:100%;}
.menu-mobile {display:block;border-bottom:2px solid #fd7a08;}
.menu-dropdown-icon:before {display:block;}
.nav {display:none;background:#fd7a08;}
.show-on-mobile {display:block;}
.li125 li {width:100%;}
.nav>li>a {color:#fff;font-size:16px;text-align:left;line-height:50px;padding:0 0 0 15px;float:left;}
{}
}
	
/* 底部 */
.footer{width: 100%;height:auto;background : #fff}
.footer .footer-inner-left{width:45%;float:left;background:#288ADD;}
.footer .footer-inner-left .f-link{width:80%;margin:20px 20% 50px 0;color:#fff;} 
.footer .footer-inner-right{width:100%;float:left;margin:20px 0 0 0;}
.footer-inner-right .inner{width:96%;margin:20px 2%;}
.footer-inner-right .inner b{ display:block; font-size:20px; font-size:2rem; font-weight:bold; line-height:30px;color:#333;}
.footer-inner-right .inner>p{ line-height:22px; color:#333; margin-top:5px;}
.footer-inner-right .inner ul{ margin-top:9px;}
.footer-inner-right .inner ul li{line-height:36px;width:49.5%;float:left;margin:10px .25%;}
.footer-inner-right .inner ul li a,.footer-inner-right .inner ul li strong{float:left;}
.m5r ul li a:hover{ color:#ff5161;}

.footer .f-nav{text-align:center;background :#000}
.footer .f-nav a{color:#fff;margin:5px 10px;font-size:16px;font-weight:500;}
.footer .f-nav a:hover{color:#333;}
/*link*/
.ilink{ height: auto; line-height: 20px; padding: 30px 0; background: #EFEDED; color: #000;}
/*copyright*/
.copyright{height:70px;line-height:70px;background :#333;text-align:center;color:#fff;}
.copyright a{color:#fff;}
@media only screen and (max-width: 768px) {
.footer-inner-right .inner ul li{width:99.5%;}
.footer-inner-right .inner p,.footer-inner-right .inner b{display:none;}
.w480{width:98%;margin:0 1%;}
.footer .f-logo{width:96%;min-width:335px;margin:0px 2%;text-align:center;}
.footer .footer-inner-left{width:96%;float:none;margin:0 2%;}
.footer .footer-inner-left .f-logo{width:100%;margin:auto;border-bottom: 1px solid #581613;}
.footer .footer-inner-left .f-logo img{width:60%;margin:0 20%;}
.ilink,.f-link .copyright,.footer .footer-inner-right .f-phone,.footer .f-nav{display:none;}
.footer .footer-inner-right{width:100%;float:none;text-align:center;}
.footer-inner-right p{width:98%;margin:5px 1%;float:left;}
.footer .footer-inner-right .f-er{width:32.3333%;float:left;padding:1px;background: #fff;margin:0 .2%;}
.copyright{height:auto;line-height:35px;}
}
.ilink h3{ width: 102px; height: 26px; font-size: 18px; line-height: 26px; display: inline-block; *display: inline; vertical-align: middle; zoom: 1; margin-right: 5px;}
.ilink a{ height: 26px; line-height: 26px; font-size: 12px;  vertical-align: middle; padding: 0 14px; border-left: 1px dashed #cfcfcf; display:inline-block;}
.ilink .a1{ border-left: 0px; }
.ilink a:hover{ color: #fff; }
 

.formBox{margin:20px auto;padding:20px 0 ; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.formBox p{font-size:1.4em;font-weight:500;color:#333;}
.k_form{margin:20px 0;}
.k_form  .k_in3{border:1px solid #c5c5c5;  border-radius:3px;padding:1%;font:12px/1.8 'soolidiumregular';width:43%;margin:0px 2% 2% 0px;color:#7d7c7c;}
.k_form  .k_submit{background-color:#2553b3;border:1px solid #2553b3;border-radius:3px;color:#fff;width:120px;height:40px;line-height:36px;font-family:'soolidiumregular';padding:0px;margin:0px;}
.k_form input[type="text"]:focus,.k_form textarea:focus {border:1px solid #2e2e2e;background-color:#fff;}
.k_form .k_submit:hover {background-color:#ffa800;border:1px solid #ffa800;}
.k_pagelist {float:left;display:table;clear:both;line-height:30px;margin:10px 0 20px 0;}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;}
.k_feedback{width:90%;margin:20px 5%;height:100%;}
.k_feedback p{height:60px;line-height:60px;font-size:0.8em;text-align:center;}
.k_feedback b{ color:#fff;}
.k_feedback ol li{line-height:2.5em;}

.k_feedback .k_form {float:left;display:block;width:90%;margin:0 20px 5%;color:#939393;height:auto;}
.k_feedback .k_form  table{height:400px;}
.k_form p {width:96%;line-height:66px;overflow:hidden;margin:20px 0 0 0;color:#fd0000;font-size:1.1em;padding:20px 0 0 20px;border-top-width:1px;border-top-style:dotted;border-top-color:#CCC;}
.k_form p label{margin:0 10px;}
.k_form .ts {border-bottom:1px dashed #939393;padding-bottom:20px;margin-bottom:18px;}
.k_form .mtxt {border:1px solid #c5c5c5;border-radius:3px;padding:2%;font:12px/1.8 'microsoft yahei';width:43%;margin:0px 2% 2% 0px;color:#7d7c7c;}
.k_form .mtxt2 {width:93%;height:130px;overflow:hidden;resize:none;}
.k_form .mbtn {background-color:#626262;border:1px solid #626262;border-radius:3px;color:#fff;width:120px;height:40px;line-height:36px;font-family:'soolidiumregular';padding:0px;margin:0px;}
.k_form input[type="text"]:focus,.k_form textarea:focus {border:1px solid #2e2e2e;background-color:#fff;}
.k_form .mbtn:hover {background-color:#CC3333;border:1px solid #CC3333;}



.main .sitemap .type {font-size:1.5em;font-weight:500;height:60px;line-height:60px;background:#2553b3;padding:0 0 0 10px;color:#fff;margin:20px 0;}
.main .sitemap .con {padding:20px;}
.main .sitemap .con h1,.main .sitemap .con h3 {float:left;font-size:0.9em;font-weight:100;text-align:left;color:#fff;font-family:Microsoft sans serif,Arial;line-height:1.6em;width:30%;}
.main .sitemap h2 {font-size:1.3em;font-weight:500;height:60px;line-height:60px;padding:0 0 0 40px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;}
.main .sitemap .con li {font-size:0.8em;line-height:1.8em;}

/*TAG&SEARCH*/	
.k_search p{width:100%;clear:both;}
.search{height:auto;line-height: 70px;}
.search input{margin:25px auto;line-height: 20px;}
.search .iprolist {width:23%;margin:0 1% 0 1%;float:left;}
.search .iprolist img {width:100%;}
.search figcaption {text-align:center;}
.search figcaption h2 ,.main figcaption h3 {font-size:14px;color:#002;}
.search figcaption small {font-size:0.6em;text-align:left;}
.k_search h3 a{float:left;font-weight:200;color:#CDA46F;}
.k_search h3:nth-child(2n+1) a{font-size:0.9em;font-weight:600;color:#000;}
.k_search h3:nth-child(3n+2) a{font-size:1.5em;font-weight:300;color:#888;}
.k_search h3:nth-child(5n+3) a{font-size:2.1em;font-weight:800;color:#11406C;}
.k_search h3:nth-child(7n+5) a{font-size:1.8em;font-weight:500;color:#ccc;}
.k_search h3:nth-child(11n+7) a{font-size:1.2em;font-weight:300;color:#009CFD;}
.k_search h3:nth-child(13n+9) a{font-size:2.4em;font-weight:500;color:#BB170F;}

.k_search .item:hover,.k_search .item.current{background: #f5f5f5;}
.k_search .item {border-bottom: 1px dashed #707070;padding-bottom: 18px;padding-top: 18px;}
.k_search .item .date{float: left;width: 116px;text-align: center;line-height: 1.2}
.k_search .item .date p{font-size: 40px;font-weight: bold;color: #2f2f2f;margin-top:26px;}
.k_search .item .date span{display: block;text-align: center;font-size: 12px;color: #2f2f2f;}
.k_search .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.k_search .item dl dt { font-size:15px; line-height:24px;font-weight: bold;color: #3a3a3a; }
.k_search .item dl .t ,.k_search .item dl .t a{ padding:10px 0; color:#777; font-size:12px;font-weight:100; line-height:20px; }
.k_search .item dl .i { padding:5px 0 0; color:#505050; font-size:13px; line-height:25px; }
.k_search .item dl .m{margin-top:15px;}
.k_search .item dl .m a{color: #fff;padding:6px 32px;background: #c9a36d;display: inline-block;}

.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #c9a36d; background:#c9a36d; color:#fff; }

/*标题*/
.tlt-h{font-size: 24px;color:#333; font-weight:400;}
 
 .p-banner{background:url(../images/p-banner.jpg) top center no-repeat;background-size:cover;width:100%;  height:227px; }
.p-banner-text{width:80%;height:227px;margin:0px auto; padding:20px 0 0 5%;}
.p-banner-text h3,.p-banner-text b{line-height:40px;font-size:30px;color:#fff;letter-spacing: .3em;text-align:center;text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;}
.shadow-bg{background-image:url(../images/shadow.png);height:70px; background-position:center;}
.shadow-bg dl dd{float:left;}
.shadow-bg dl dd.keywords {font-size:14px;color:#000;font-weight:bold;line-height:70px;}
.shadow-bg dl dd.keyword {line-height:70px;margin:0px 6px;}
.shadow-bg dl dd.keyword a {color:#343434;font-size:14px;}
.shadow-bg dl dd.keyword a:hover {color:#f00000;}
@media screen and (max-width: 768px) {
.footer {padding:36px 0 18px;}
 .p-banner{margin-top:0px;}
.p-banner-text h3,.p-banner-text b{line-height:20px;font-size:16px;margin:50px 0 0 0;}
.shadow-bg dl dd.keywords,.shadow-bg dl dd.keyword{display:none;}
}

.pro-list-h3{text-align: center;}